<div ng-controller="StudentFormController">
    <div align="center">
        <form ng-submit="submit()">
            <table id="studentTable" class="mainPanel" align="center">
                <tr>
                    <td align="center">
                        <span class="acheivement-editorTitle">Enter Google id:</span>
                        <input type="text" name="studentNickName" ng-model="student.studentNickName">
                    </td>
                </tr>
                <tr>
                    <td align="center">
                        <span class="acheivement-editorTitle">Enter Full name:</span>
                        <input type="text" name="studentFullName" ng-model="student.studentFullName">
                    </td>
                </tr>
                <tr>
                    <td align="center">
                        <input type="submit" class="acheivement-button" value="Add student">
                    </td>
                </tr>
            </table>
        </form>
    </div>
    <div id="studentData" ng-controller="StudentTableController">
        <div>
            <table ng-table="tableParams" class="table mytable" width="75%" name="students">
                <tr ng-repeat="datum in $data">
                    <td data-title="'Name'">{{datum.fullname}}</td>
                    <td data-title="'ID'">{{datum.nickname}}</td>
                    <td data-title="'Group'">{{datum.group}}</td>
                    <!--<td data-title="'ID'" align="center">{{user.id}}</td>-->
                    <td><a id="{{datum.key}}" ng-click="deleteEntity(this)" class="close">&times;</a></td>
                </tr>
            </table>
        </div>
    </div>
</div>